<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>お問い合わせ | Red</title>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>
<body>
	<div id='page'>
		<div id="header">
            <div class="layout">
                <a href="#" id="logo"><img src="images/logo.png" alt="logo" width="115"/></a>
                <nav>
                    <a href="#">お仕事内容</a>
                    <a href="#">お仕事の流れ</a>
                    <a href="#">サポート</a>
                    <a href="#">所属モデル</a>
                    <a href="#">会社概要</a>
                    <a href="#">よくある質問</a>
                    <a href="#">お問い合わせ</a>
                </nav>
                <div class="ad-top">
                    <img src="images/contact-top.png" height="40"/>
                    <a href="#" class="btn">モデル応募</a>
                </div>
            </div>
            <div class="nav-banner-mod">
                <a class="item layout" href="#" style="background-image: url(images/nav-banner-2.png)"></a>
            </div>
		</div>
		<div id="content">
            <div class="layout relative">
                <div class="qc-position">
                    <a href="#">
                        <img src="images/qcode-abs.png" width="300"/>
                    </a>
                </div>
                <div class="form-mod" style="width: 600px;">
                    <div class="desc-block">
                        こちらのフォームよりお気軽に、ご応募・お問い合わせください。 応募に関してよくいただくご質問については、「よくある質問」をご覧
                        <br/>
                        <br/>
                        こちらのフォームよりお気軽に、ご応募・お問い合わせください。 応募に関してよくいただくご質問については、「よくある質問」をご覧
                    </div>
                    <div class="form-table">
                        <div class="form-item">
                            <div class="item-title">
                                お名前（ニックネーム可  <span class="require">※必須</span>
                            </div>
                            <div class="item-input">
                                <input type="text" class="input-f"/>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                メールアドレス　<span class="require">※必須</span> / info@red-pro.co.jpからのメールを受信できるように設定してください。
                            </div>
                            <div class="item-input">
                                <input type="text" class="input-f"/>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                メールアドレス（再入力） <span class="require">※必須</span>
                            </div>
                            <div class="item-input">
                                <input type="text" class="input-f"/>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                電話番号
                            </div>
                            <div class="item-input">
                                <input type="text" class="input-f"/>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                ご年齢　<span class="require">※必須</span> / 高校生はご遠慮ください。
                            </div>
                            <div class="item-input">
                                <input type="text" class="input-f"/>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                お住いの都道府県　<span class="require">※必須</span>
                            </div>
                            <div class="item-input">
                                <select class="select-f">
                                    <option>123</option>
                                    <option>444</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                ご質問・ご相談（応募の方はアピールポイント等） <span class="require">※必須</span>
                            </div>
                            <div class="item-input">
                                <textarea type="text" class="input-textarea"></textarea>
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="item-title">
                                応募の方は写真をご添付ください
                            </div>
                            <ul class="item-list">
                                <li>
                                    <span class="fl">
                                        <input type="file"/>
                                    </span>
                                    <span class="fr">※5MBまで</span>
                                </li>
                                <li>
                                    <span class="fl">
                                        <input type="file"/>
                                    </span>
                                    <span class="fr">※5MBまで</span>
                                </li>
                                <li>
                                    <span class="fl">
                                        <input type="file"/>
                                    </span>
                                    <span class="fr">※5MBまで</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-footer">
                        <button class="btn" type="reset">リセット</button>
                        <button class="btn" type="submit">確認画面へ</button>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer">
            <div class="banner-mod">
                <a class="item" href="#" style="background-image: url(images/banner-2.png)"></a>
            </div>
            <div class="layout">
                <div class="footer-mod">
                    <dl class="footer-nav">
                        <dt>
                            <a href="#"><img src="images/logo-gray.png" alt="logo" width="92"/></a>
                        </dt>
                        <dd>
                            <a href="#">お仕事内容</a>
                            <a href="#">お仕事の流れ</a>
                            <a href="#">サポート</a>
                            <a href="#">所属モデル</a>
                            <a href="#">会社概要</a>
                            <a href="#">よくある質問</a>
                            <a href="#">お問い合わせ</a>
                        </dd>
                    </dl>
                    <div class="footer-info">
                        <div class="address">〒107-0052 東京都港区赤坂3-15-12 フォーラム赤坂ビル</div>
                    </div>
                </div>
                <div class="footer-ft">
                    <div class="layout">
                        <div class="copytxt">Copyright © 2017 Model Production Red All Rights Reserved.</div>
                    </div>
                </div>
            </div>
        </div>
	</div>
</body>
</html>